<template>
  <el-tabs v-model="activeName" @tab-change="handleChange">
    <el-tab-pane label="收入指标" name="first">
      <Income ref="IncomeRef"
    /></el-tab-pane>
    <el-tab-pane label="投运点数统计" name="second">
      <Point ref="PointRef"
    /></el-tab-pane>
  </el-tabs>
</template>

<script setup>
import { reactive, ref } from "vue";
import Income from "./Income.vue";
import Point from "./Point.vue";
import { ElTabPane, ElTabs } from "element-plus";

const activeName = ref("first");
const IncomeRef = ref();
const PointRef = ref();
function handleChange(params) {
  params == "first"
    ? IncomeRef.value?.handleRefresh()
    : PointRef.value?.handleRefresh();
}
</script>

<style lang="scss" scoped>
@import url("@/styles/daily.scss");
</style>
